<template>
  <div id="app">
    <Container></Container>
    <!-- <fieldset>
      <legend>app组件</legend>
      <Modal :visible="visible"
        @on-cancel="cancel"
        @on-confirm="confirm(),fetch()">
        <template v-slot:title>
          <h1>app的弹窗</h1>
        </template>
        <template v-slot:body>
          <h3>app的弹窗主体</h3>
        </template>
      </Modal>
      <button @click="showModal">app的按钮点击显示模态框</button>
    </fieldset> -->
  </div>
</template>

<script>
import Container from "./components/container";
import Modal from "./components/modal";
import modalMix from './mixins/modal'
export default {
  mixins:[modalMix],
  components: {
    Container,
    Modal,
  },
  data() {
    return {
      show: false,
    };
  },
  methods:{
    fetch(){
      alert("请求到数据了")
    }
  }
};
</script>

<style>
</style>